@tailwind base;
@tailwind components;
@tailwind utilities;

/* 从 pages/User 目录合并的工具类 */
@layer utilities {
  .content-auto {
    content-visibility: auto;
  }
  .bg-gradient-primary {
    background: linear-gradient(135deg, #165DFF 0%, #36BFFA 100%);
  }
  .text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(135deg, #165DFF 0%, #36BFFA 100%);
  }
  .input-focus {
    @apply focus:border-primary focus:ring-2 focus:ring-primary/20 focus:outline-none;
  }
  .btn-hover {
    @apply hover:shadow-lg hover:-translate-y-0.5 transition-all duration-300;
  }
  .card-hover {
    @apply hover:shadow-elevation-3 transition-all duration-300;
  }
}
